<!doctype html>
<html lang="zh-CN" data-theme="dark">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <!--强制使用webkit 内核，对360，QQ等国产双核浏览器生效-->
    <meta name="renderer" content="webkit" />
    <!--强制使用webkit 内核，双核浏览器生效-->
    <meta name="force-rendering" content="webkit" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, viewport-fit=cover, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <!--禁止当前页面进行缓存，解决更新后的缓存问题-->
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="-1" />
    <meta name="format-detection" content="telephone=no,email=no" />
    <meta name="theme-color" content="#3158a3" />
    <!-- 在苹果手机中支持的一些选项 -->
    <!-- <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> -->
    <!-- DNS 预解析 -->
    <link rel="dns-prefetch" href="https://cdn.staticfile.org" />
    <link rel="dns-prefetch" href="https://at.alicdn.com" />
    <link rel="dns-prefetch" href="https://lf3-cdn-tos.bytecdntp.com" />
    <link rel="dns-prefetch" href="https://lf6-cdn-tos.bytecdntp.com" />
    <link rel="dns-prefetch" href="https://lf9-cdn-tos.bytecdntp.com" />

    <!-- 字体与解析和预加载 -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" />
    <!-- 加载 思源黑体 字体 -->
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap" rel="stylesheet" />

    <!-- 站点图标 -->
    <link rel="apple-touch-icon" href="/favicon.ico" />
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="bookmark" href="/favicon.ico" />
    <title><%= title %></title>
    <!-- 主题参数加载 -->
    <link rel="stylesheet" crossorigin="anonymous" href="/theme/default.css" />
    <!-- 初始化处理的一些样式，html文件加载就生效的样式 -->
    <style>
      html {
        font-size: 14px;
        font-family: var(--theme-font-sans-serif);

        font-style: normal;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        white-space: normal;
        word-spacing: normal;
        line-break: auto;

        /* -webkit-overflow-scrolling: touch; */
        /* -webkit-overflow-scrolling: none; */
      }
      body {
        color: var(--theme-body-color);
        font-size: var(--theme-body-font-size);
        font-weight: var(--theme-body-font-weight);
        line-height: var(--theme-body-line-height);
        overflow: hidden;
        min-height: 100svh;
        height: 100vh;
        max-height: 100dvh;

        margin: 0;
        background: #d3dbeb;

        /* position: fixed;
        width: 100%; */
      }
      /* #app { */
      /* display: none; */
      /* background-color: var(--theme-body-bg); */
      /* } */
    </style>

    <!-- 如果当前使用的是IE 浏览器的话，就给出提示，要求是应用webkit内核浏览器，跳转到chrome升级页面 -->
    <script>
      /*@cc_on window.location.href="http://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); @*/
    </script>
    <!-- 引入图标 -->
    <script crossorigin="anonymous" src="https://at.alicdn.com/t/c/font_3905445_5ju0sp6bad5.js" async defer></script>
    <!-- CMS 图标 -->
    <link rel="stylesheet" crossorigin="anonymous" href="https://at.alicdn.com/t/c/font_3295273_oftssd88vxp.css" />
    <link
      rel="stylesheet"
      crossorigin="anonymous"
      href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-y/bootstrap-icons/1.8.1/font/bootstrap-icons.min.css" />
    <!-- 引入样式 -->
    <!-- 消除不同浏览器之间下默认样式的差异， -->
    <!-- <link rel="stylesheet" crossorigin="anonymous" href="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-y/normalize/8.0.1/normalize.min.css" /> -->
    <link rel="stylesheet" crossorigin="anonymous" href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/animate.css/4.1.1/animate.min.css" />
    <!-- 加载器样式 -->
    <link rel="stylesheet" crossorigin="anonymous" href="/assets/launcher2.css" />
    <script defer async crossorigin="anonymous" src="/assets/launcher.js"></script>
  </head>
  <body class="">
    <div id="loader">
      <div class="loader--content">
        <div class="loader--icon"></div>
        <div class="loader--message">
          <div>正在加载，请耐心等待</div>
          <div class="app-version">v&nbsp;<%= version %></div>
          <div class="loader--timeout d-inline-block py-2 px-3 rounded hover-pointer bg-white">没有加载出来？点我刷新重新</div>
        </div>
      </div>
    </div>
    <!-- <div id="loader">
      <div class="loader--section section-left"></div>
      <div class="loader--section section-right"></div>
      <div class="loader--content">
        <div class="loader--icon"></div>
        <div class="loader--message">
          <div>正在加载，请耐心等待</div>
          <div class="app-version">v&nbsp;<%= version %></div>
          <div class="loader--timeout d-inline-block py-2 px-3 rounded hover-pointer bg-white">没有加载出来？点我刷新重新</div>
        </div>
      </div>
    </div> -->
    <!-- <div id="app" class="h-100 overflow-auto d-block"></div> -->
    <div id="app" class="h-full overflow-auto block bg-white dark:bg-gray-800 text-slate-900 dark:text-slate-400"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>
